body {
 font: 0.9em/1.2 Arial, Helvetica, sans-serif;
}

header, section, footer, aside, nav, article {
 display: block; /* Блочный элемент */
}

section {
  width: 725px;
  margin: 0 auto;

  /*text-align: center;*/
}

/*---HEADER---*/
header {
  height: 75px;
  /*background: silver;*/
}

.logo {
	float: left;
	padding-left: 10px;
}
.logo h1 {
  font-size: 180%;
}
.logo a {
  text-decoration: none;
  color: #000;
}

.menu {
	float: right;
	padding-right: 10px;
	padding-top: 20px;
}

/*---CONTENT---*/
.layout { 
  height: 500px;
  /*width: 980px; */
  /*margin: auto;  */
}

.sidebar {
  margin: 0;
  padding: 10px;
  width: 180px; /* Ширина колонки */
  float: left; /* Обтекание справа */
}

.catalog {
  /*position: relative;*/
}
  
.catalog ul {
  /*list-style-image: url(images/down.png); */
  list-style-type: none;
}

.catalog ol {
  list-style-image: url(images/left.png); 
}

.left{
    /*background: silver;*/
    background-image:url("images/left.png");
    background-repeat:no-repeat;
    padding-left:20px;
}

.down{
    background-image:url("images/down.png");
    background-repeat:no-repeat;
    padding-left:20px;
}

.catalog a {
  color: #000;
  text-decoration: none;
}

.popular-products p {
  padding: 2px 0;
  margin: 0;
}

.popular-products a {
  margin: 0;
  padding: 0;
  color: #000;
  text-decoration: none;
}

.list-popular-products {
  height: 100px;	
  padding: 5px;
}

.rel1 {
  font-size: 90%;
}

.rel2 {
  font-size: 100%;
}

.rel3 {
  font-size: 80%;
}

.rel4 {
  font-size: 60%;
}

.rel5 {
  font-size: 110%;
}

.rel1, .rel2, .rel3, .rel4, .rel5 {
  margin: 0;
  padding: ;
  display: block;
  float: left;
}
.ask-questions {
/*   width: 150px; */
  padding: 0;	
}

.ask-questions p {
	padding: 0;
	margin: 0;
}

.ask-questions textarea {
  border: 1px solid black;
  width: 100%;
}

.ask-questions input {
  float: right;	
  border: 1px solid black;
  border-radius: 60px;
}

.content {
  display: block;
  margin-left: 180px;
/*   border: 1px solid black; */
  /*border: 0;*/
}

.content-head {
  display: block;
  /*border: 1px solid black;*/
  height: 40px;
/*   padding-top: 10px; */
  margin: 0;
  padding: 0;
}

.katalog-position {
  display: block;
  /*border: 1px solid black;*/
  float: left;
  width: 50%;
  font-size: 10px;
  padding-top: 20px;
  padding: : 0 4px;
}

.katalog-position a {
  text-decoration: none;
  color: #000;
}

.search {
  display: block;
  white-space: nowrap;
/*   float: left; */
/*   width: 50%; */
/*   border: 1px solid black; */
  margin-left: 51%;
  text-align: right;
  padding-right: 10px;
/*   margin: 0 4px; */
/*   padding 0 4px; */
}

.clear{
  clear: both;
}


/*.products figure {
  border: 1px solid black;
  padding: 10px;
  display: block; 
  width: 120px; 
  height: 120px;
  float: left; 
  margin: 5px;
  text-align: center;
}

.products figcaption {
  border-top: 1px;
  border-top: 1px solid black;
  float: bottom;
  font-size: 10px;
  text-align: bottom;
  position: relative;
  bottom: 50px;
  background: white;
} 
*/
.products {
  display: table;
/*   display: block; */
  margin: 0;
  padding: 0;
  /*border: 1px solid black;*/
}

.product {
  border: 1px solid black;
  display: block;
  height: 120px;
  width: 120px;
  margin: 4px;
  float: left;
  position: relative;
}

.product img{
  height: 120px;
  width: 120px;
  margin: 0;
  padding: 0;
}

.product .add-product {
  position: absolute;
  margin: 0;
  padding: 0;
  height: 20px;
  width: 120px;
  /*bottom: -20px;*/
  top: 100px;
  background: white;
  border-top: 1px solid black;
  text-align: center;
  display: none;
}
.product a {
  text-decoration: none;
  color: #000;
}
.product:hover .add-product {
  display: block;
}
.add-product:hover {
  /*display: block;*/
  display: none;
}

.button-panel {
  display: table;
  height: 30px;
  float: center;
  text-align: center;
  margin: 0 auto;
  padding: 10px;
  /*border: 1px solid black;*/
}

.btn {
  display: block;
  border: 1px solid black;
  text-align: center;
  padding: 3px;
  margin: 0 5px;
  float: left;
  background: silver;
  min-width: 30px;
}
.btn:hover {
  background: white;
}
.btn a {
  text-decoration: none;
  color: #000;
}

/*---FOOTER---*/
footer {
  height: 75px;
  background: silver;
  border: 4px double black;
  padding: 10px;
}

.copyright {
 /*padding: 10px 10px 10px;*/
 /*margin: auto;  Выравнивание по центру */
}
.copyright p { 
  /*margin: 0 0 10px 10px; /* Отступы текста  */
}

